<template >
	<view v-if="notice.style" class="notice" :style="{'padding-top':notice.style.paddingTop + 'px','padding-bottom':notice.style.paddingTop + 'px'}">
		<uni-notice-bar :color="notice.style.textColor" :background-color="notice.style.background" height=30 show-icon scrollable :text="notice.params.text" />
	</view>
</template>

<script>
import { mapState } from 'vuex';
	export default {
		name:"my-notice",
		data() {
			return {
				
			};
		},
		computed:{
			...mapState('home',["notice"])
		},
	}
</script>

<style lang="scss" scoped>
.notice{
	height: 70rpx;
	.uni-noticebar{
		height: 100% !important;
		padding: 0 !important;
		padding-left: 20rpx !important;
	}
}
</style>